import React, { FC, ReactNode } from "react";

interface IProps {
  children: ReactNode;
}

const Html: FC<IProps> = ({ children }) => {
  return (
    <html>
      <head>
        <meta charSet="UTF-8" />
        <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width,initial-scale=1" />
        <title>React + Webpack + SSR</title>
        <link href="/public/css/main_3c3f5750.css" rel="stylesheet" />
        <link
          rel="stylesheet"
          type="text/css"
          href="/public/css/560_1b04d1d1.css"
        ></link>
      </head>
      <body>
        <div id="root">{children}</div>
        {/* 这里引入的js文件,client/index.html 引入了几个,这变就引入多少个 */}
        {/* 在vite里面是 只需要引入 入门就可以了,webpack不行,都需要引入 */}
        <script src="/public/js/runtimeChunk.bundle.js"></script>
        <script src="/public/js/294.bundle.js"></script>
        <script src="/public/js/main.bundle.js"></script>
      </body>
    </html>
  );
};

export default Html;
